Ext.namespace('pages.p2p.cj.zncjzg');

pages.p2p.cj.zncjzg.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.cj.zncjzg.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.cj.zncjzg.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 100,
			labelAlign : 'right',
			autoHeight : true,
			border : false,
			frame : false,
			items : [{
						columnWidth : 1,
						height : 10,
						border : false
					}, {
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [{
									fieldLabel : '用户名',
									name : 'USER_NAME',
									id : 'USER_NAME',
									anchor : '96%',
									xtype : 'textfield'
								}]
					}, {
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [{
									fieldLabel : '手机号码',
									name : 'SJHM',
									id : 'SJHM',
									anchor : '96%',
									xtype : 'textfield'
								}]
					}]
		});
		this.store = new Ext.data.Store({
					proxy : new Ext.data.HttpProxy({
								url : ExtJ
										.getActionPath('cjjg/queryCjzgList.do')
							}),
					remoteSort : true,
					reader : new Ext.data.JsonReader({
								root : 'data',
								totalProperty : 'total',
								id : 'ID'
							}, [{
										name : 'ID',
										mapping : 'ID'
									}, {
										name : 'USER_NAME',
										mapping : 'USER_NAME'
									}, {
										name : 'SJHM',
										mapping : 'SJHM'
									}, {
										name : 'SS_KY_CJ_CHANCE_NUM',
										mapping : 'SS_KY_CJ_CHANCE_NUM'
									}, {
										name : 'SUM_CJ_CHANCE_NUM',
										mapping : 'SUM_CJ_CHANCE_NUM'
									}])
				});
		var sm = new Ext.grid.CheckboxSelectionModel({
					singleSelect : true
				});
		var cm = new Ext.grid.ColumnModel([sm, new Ext.grid.RowNumberer(), {
					header : '用户名',
					width : 100,
					sortable : true,
					dataIndex : 'USER_NAME'
				}, {
					header : '手机号码',
					width : 120,
					sortable : true,
					dataIndex : 'SJHM'
				}, {
					header : '实时可用抽奖机会',
					width : 120,
					sortable : true,
					dataIndex : 'SS_KY_CJ_CHANCE_NUM'
				}, {
					header : '总获得抽奖机会',
					width : 120,
					sortable : true,
					dataIndex : 'SUM_CJ_CHANCE_NUM'
				}]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
					id : 'grid',
					region : 'center',
					store : this.store,
					border : true,
					frame : false,
					viewConfig : {
						autoFill : false,
						forceFit : false,
						focusRow : function() {
							return;
						},
						getRowClass : function(record, rowIndex, rowParams,
								store) {
							if (record.get("TOP_LEVEL") == "1") {
								return 'ux-grid-record-onTop';
							}
						}
					},
					sm : sm,
					cm : cm,
					tbar : [{
								id : 'query',
								iconCls : 'query',
								text : '查询',
								handler : this.onQuery.createDelegate(this)
							}, '-', {
								id : 'reset',
								iconCls : 'reset',
								text : '重置',
								handler : this.onReset.createDelegate(this)
							}],
					bbar : new Ext.PagingToolbar({
								pageSize : pageSize,
								store : this.store,
								displayInfo : true,
								displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
								emptyMsg : "没有记录"
							})
				});

		Ext.apply(this, {
					closeAction : 'close',
					layout : 'border',
					border : false,
					listeners : {
						'render' : this.initData.createDelegate(this)
					},
					items : [this.queryForm, this.grid]
				})
	},

	initData : function() {
		this.onQuery();
	},

	onReset : function() {
		this.queryForm.getForm().reset();
	},
	onQuery : function() {
		this.store.baseParams.username = Ext.getCmp('USER_NAME').getRawValue();
		this.store.baseParams.sjhm = Ext.getCmp('SJHM').getRawValue();
		Ext.getBody().mask("正在查询,请稍候...");
		var count = this.store.getCount();
        if(count>0){
            this.grid.getStore().removeAll();
        }
		this.store.reload({
					params : {
						start : 0,
						limit : pageSize
					},
					callback : function() {
						Ext.getBody().unmask(true);
					}
				});
	},

});